<template>
    <h1>轮播图列表页面</h1>
    <el-table :data="bannerList" style="width: 100%">
        <el-table-column label="图片" width="180">
            <template #default="scope">
                <el-image :src="scope.row.img" />
            </template>
        </el-table-column>
        <el-table-column prop="alt" label="提示信息" width="180" />
        <el-table-column prop="link" label="链接信息" width="180" />
    </el-table>
</template>

<script>
import { getBannerList } from "@/api/banner";
export default {
    data() {
        return {
            bannerList: [],
        };
    },
    async mounted() {
        const res = await getBannerList();

        this.bannerList = res.data;
    },
};
</script>
